<div id="columns">
    <div id="center_column" class="center_column">
        <div id="left_column" class="column">
            <?php get_cart();?>
            <?php get_manufacturer();?>
        </div>

        <div style="float: right; width: 690px;">
            <div class="breadcrumb bordercolor">
                <div class="breadcrumb_inner">
                    <a href="<?php echo base_url();?>" title="return to Home">Trang chủ</a>
                    <span class="navigation-pipe">&gt;</span>
                    <span class="navigation_page"><a href="<?php echo base_url('san-pham');?>">Sản phẩm</a></span>
                    <span class="navigation-pipe">&gt;</span>
                    <span class="navigation_page"><a href="<?php echo base_url('san-pham/'.$data['category_id']).'_'.url_friendly($category_info['title']);?>"><?php echo $category_info['title'];?></a></span>
                    <span class="navigation-pipe">&gt;</span>
                    <span class="navigation_page"><?php echo $data['title'];?></span>
                </div>
            </div>

            <div id="primary_block" class="clearfix">
                <div id="pb-right-column">
                    <div id="image-block" class="bordercolor">
                        <img onerror2="ImgError(this);" src="<?php echo base_url('/uploads/product/'.$data['product_id'].'/'.md5($data['product_id']).'.jpg');?>" alt="<?php echo base_url().'/uploads/product/'.$data['product_id'].'/'.md5($data['product_id']).'.jpg';?>" class="jqzoom" alt="Image" id="bigpic" width="304" height="auto" />
                    </div>
                    <div id="views_block">
                        <a id="view_scroll_left" class="hidden" title="Other views" href="javascript:{}" style="cursor: default; opacity: 0;">Previous</a>
                        <div id="thumbs_list">
                            <ul id="thumbs_list_frame" style="width: 358px; ">
                                <li id="thumbnail_0">
                                    <a href="<?php echo base_url().'/uploads/product/'.$data['product_id'].'/'.md5($data['product_id']).'.jpg';?>" rel="other-views" class="thickbox bordercolor" title="<?php echo $data['title'];?>">
                                        <img height="80" width="80" onerror="ImgError(this);" id="thumb_0;?>" src="<?php echo render_image('/uploads/product/'.$data['product_id'].'/'.md5($data['product_id']).'.jpg', 80, 80, '1.1');?>" />
                                    </a>
                                </li>
                                <?php
                                $count = 0;
                                foreach($images as $key => $value):
                                $count++;
                                ?>
                                <li id="thumbnail_<?php echo $value['gallery_id'];?>" <?php echo count($images) == $count ? 'class="thumb_last"' : '';?>>
                                    <a href="<?php echo base_url().'/uploads/product/'.$value['product_id'].'/'.$value['image'];?>" rel="other-views" class="thickbox bordercolor" title="<?php echo $data['title'];?>">
                                        <img onerror="ImgError(this);" id="thumb_<?php echo $value['gallery_id'];?>" src="<?php echo render_image('/uploads/product/'.$value['product_id'].'/'.$value['image'], 80, 80, '1.1');;?>" height="80" width="80">
                                    </a>
                                </li>
                                <?php endforeach;?>
                            </ul>
                        </div>
                        <a id="view_scroll_right" title="Other views" href="javascript:{}" style="cursor: pointer; opacity: 1; display: block;">Next</a>
                    </div>
                    <span id="wrapResetImages" style="display: none;">
                        <div>
                            <a id="resetImages" href="#">Display all pictures</a>
                        </div>
                    </span>
                    <ul id="usefull_link_block" class="bordercolor">
                        <li><a
                            href="/prestashop_40156/modules/sendtoafriend/sendtoafriend-form.php?id_product=7">Send to a friend</a></li>
                        <li class="print"><a href="javascript:print();">Print</a></li>
                    </ul>
                </div>
                <div id="pb-left-column">
                    <h1><?php echo $data['title'];?></h1>
                    <form id="buy_block" class="bordercolor" action="http://livedemo00.template-help.com/prestashop_40156/cart.php" method="post">
                        <p class="hidden">
                            <input type="hidden" name="token" value="d8873b5865453da81dcc196f4b4fb57b">
                            <input type="hidden" name="id_product" value="7" id="product_page_product_id">
                            <input type="hidden" name="add" value="1">
                            <input type="hidden" name="id_product_attribute" id="idCombination" value="">
                        </p>
                        <div class="price bordercolor">
                            <span class="our_price_display">
                                <span id="our_price_display" class="price">
                                    <!--
                                    <?php if ($data['price_new']):?>
                                        <span <?php echo $data['discount'] > 0 ? 'style="text-decoration: line-through;"' : '';?>><?php echo $data['price_old'];?></span>
                                        <span <?php echo $data['discount'] > 0 ? 'style="color: red;"' : '';?>><?php echo $data['price_new'];?></span>
                                    <?php endif;?>
                                     -->
                                    <?php echo isset($data['price_new']) ? currency_format($data['price_new']) : currency_format($data['price_old']);?>&nbsp;VND
                                </span>
                            </span>
                            <p id="add_to_cart">
                                <a class="exclusive" href="javascript:document.getElementById('add2cartbtn').click();">Thêm vào giỏ</a>
                                <input id="add2cartbtn" type="submit" name="Submit" value="Thêm vào giỏ">
                            </p>
                            <p id="quantity_wanted_p">
                                <input type="text" name="qty" id="quantity_wanted" class="text" value="1" size="2" maxlength="3">
                                <label>Số lượng :</label>
                            </p>
                        </div>
                        <p id="minimal_quantity_wanted_p" class="bordercolor" style="display: none;">
                            You must add <b id="minimal_quantity_label">1</b> a a minimum quantity to buy this product.
                        </p>
                        <div class="other_options bordercolor">
                            <div id="other_prices">
                                <p id="pQuantityAvailable">
                                    <span id="quantityAvailable"><?php echo intval($data['quantity']) ? intval($data['quantity']) : 'Hết hàng';?></span> <span
                                        style="display: none;" id="quantityAvailableTxt"> sản phẩm trong kho</span>
                                    <span id="quantityAvailableTxtMultiple"> sản phẩm trong kho</span>
                                </p>
                                <p id="last_quantities" style="display: none;">Warning: Last items in stock!</p>
                                <p id="product_reference" style="display: none;">
                                    <label for="product_reference">Reference : </label>
                                    <span class="editable"></span>
                                </p>
                                <p id="availability_statut" style="display: none;">
                                    <span id="availability_label">Availability:</span>
                                    <span id="availability_value"> </span>
                                </p>
                            </div>
                            <div id="attributes">
                                <div class="clearblock"></div>
                                <?php if ($data['color']) :?>
                                <p>
                                    <label for="group_1">Màu sắc : <strong style="font-weight: bold;"><?php echo @$data['color'];?></strong></label>
                                </p>
                                <?php endif;?>

                                <?php if ($data['material']) :?>
                                <p>
                                    <label for="group_2">Chất liệu : <strong style="font-weight: bold;"><?php echo @$data['material'];?></strong></label>
                                </p>
                                <?php endif;?>

                            </div>
                            <div class="clearblock"></div>
                        </div>
                        <div id="short_description_block" class="bordercolor">
                            <div id="short_description_content" class="rte align_justify"><?php echo $data['description']?></div>
                            <p class="buttons_bottom_block">
                                <a href="javascript:{}" class="button">Xem thêm</a>
                            </p>
                        </div>
                        <p id="oosHook" style="display: none;"></p>
                        <div class="share bordercolor"  style="overflow: visible;">
                            <div class="addthis_toolbox addthis_default_style">
                                <?php $this->load->view('product/block_like');?>
                                <div class="atclear"></div>
                            </div>
                        </div>
                        <div class="clearblock"></div>
                    </form>
                </div>
            </div>

            <div id="more_info_block" class="clear">
                <ul id="more_info_tabs" class="idTabs idTabsShort">
                    <li><a href="#idTab1" class="selected">Thông tin chi tiết</a></li>
                    <li><a href="#idTab3">Bình luận</a></li>
                </ul>
                <div id="more_info_sheets" class="bgcolor bordercolor">
                    <div id="idTab1" class=""><?php echo $data['description'];?></div>
                    <div id="idTab3" class="bullet block_hidden_only_for_screen">
                        <div id="fb-root"></div>
                        <script>(function(d, s, id) {
                          var js, fjs = d.getElementsByTagName(s)[0];
                          if (d.getElementById(id)) return;
                          js = d.createElement(s); js.id = id;
                          js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=485178988176690";
                          fjs.parentNode.insertBefore(js, fjs);
                        }(document, 'script', 'facebook-jssdk'));</script>
                        <div class="fb-comments" data-href="http://www.tuixachtranganh.com" data-num-posts="10" data-width="688"></div>
                    </div>
                </div>
            </div>

            <div><?php $this->load->view('product/product_relative');?></div>
        </div>
    </div>
</div>